<div>
  我是父组件
</div>
<div>
  <input type="text" placeholder="请输入股票代码" [(ngModel)]="stock">
  <app-order [stockCode]="stock" [amount]="100" [priceQuote]="priceQuote"></app-order>
</div>
<hr>
<hr>
<!-- <app-price-quote (lastPrice)="priceQuoteHandler($event)"></app-price-quote> -->
<!-- <app-price-quote (buy)="buyHandler($event)" ></app-price-quote> -->  
<!-- 上面这一行是子组件实时动态的那个，为了测试生命周期，所以注销了。要 查看功能，解注就可以了。 -->
<hr>
<hr>
  <!-- <div>这是在报价组件外，用来显示从子组件返回的数据。<br>
股票代码是-{{priceQuote.stockCode}}。<br>
股票价格是-{{priceQuote.lastPrice | number : '2.2-2'}}。
</div>   -->
<hr>
<hr>
<!--下面这个是测试生命周期的子组件。  -->
<!-- <app-lift [name]="title"></app-lift> -->
<div class="ff">
  <h2>父组件里的</h2>
  <div>
    问候语： <input type="text" [(ngModel)]="greeting">
  </div>
  <div>
    姓名： <input type="text" [(ngModel)]="user.name">
  </div>

  <app-cchange [greeting]="greeting" [user]="user"></app-cchange>
</div>
<hr>
<div>view的演示</div>
<app-cview #child1></app-cview> 
<!-- 这个加了#号表示的是这个子组件的名字 -->
<app-cview #child2></app-cview>
<button type="button" (click)="child2.greeting('Jerry')">调用child2的greeting方法</button>